<template>
<div>
  <div class="layout">
    <div class="register-container">
      <div class="title">{{ $t('forget.title2') }}</div>
      <div class="desc">{{ $t('forget.desc2') }}</div>
      <i18n path="forget.goHome" class="nav">
        <a place="click" @click="goHome">{{ $t('forget.click') }}</a>
      </i18n>
     </div>
  </div>

</div>
</template>

<script>
import IntelInput from "../../components/common/IntelInput";
import Subtitle from "../../components/common/Subtitle";
import {getUserInfo, register, sendResetPasswordEmail, validEmail} from "../../api/service";
import Alert from "../../components/common/Alert";

export default {
  name: "faq",
  components: {
    IntelInput,
    Subtitle,
    Alert
  },
  data () {
    return {
      email: '',
      emailValid: true,
      alertShow: false,
      alertContent: '',
      captcha: '',
      captchaValid: true,
      requestCaptchaCode: '',
      loading: false
    }
  },
  methods: {
    goHome () {
      this.$router.push({
        path: this.$i18n.path('')
      })
      this.$store.commit('SET_MENU_INDEX', 0)
    }
  }
}
</script>

<style scoped>
.register-container {
  width: 800px;
  padding-top: 60px;
  padding-left: 120px;
  padding-bottom: 120px;
}
.title {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
}
.desc {
  padding-top: 20px;
  font-size: 14px;
  color: #999999;
  padding-bottom: 34px;
}
.nav {
  font-size: 14px;
  color: #333333;
}
.nav a {
  color: #0068B5;
  cursor: pointer;
}

</style>
